<!-- 文档类型声明 -->
<!DOCTYPE html>
<!-- 网页的语言设置为中文 -->
<html lang="zh-cn">
<!-- 试试 -->
<!-- 网页头元素 -->
<head>
  <link rel="stylesheet" href="./assets/uni.688d0734.css">

  <!-- 设置文档的字符编码为 UTF-8 -->
  <meta charset="UTF-8" />
  <!-- 网页图标 -->
  <link rel="icon" href="./assets/favicon-CnB-hd5m.png">
  <!-- 网页头的脚本，写Head信息用的 -->
  <script>
    // 检测浏览器是否支持cover属性
    // "CSS" in window: window对象中是否存在CSS属性
    // typeof CSS.supports === "function": CSS.supports是否是一个函数
    // 用CSS.supports方法检查浏览器是否支持top: env(a)或top: constant(a)这两种CSS变量语法，支持一个就行
    const coverSupport = "CSS" in window && typeof CSS.supports === "function" && (CSS.supports("top: env(a)") || CSS.supports("top: constant(a)"));
    // 根据上述浏览器支持情况动态写入meta标签
    document.write(
      // 统一写入的
      '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
      // 如果coverSupport为true则写入viewport-fit=cover，否则不写
      (coverSupport ? ', viewport-fit=cover' : '') + '" />');
  </script>
  <!-- 网页标题 -->
  <title>拉曼光谱数据处理</title>
  <!-- 预加载模块放在这里 -->
  <!-- Web应用的上下文放在这里 -->
  <script type="module" crossorigin src="./assets/index-BXSGSWV8.js"></script>
  <link rel="stylesheet" crossorigin href="./assets/index-CjgD8XV2.css">
</head>

<!-- 网页体元素 -->
<body>
  <!-- 页面主体内容的容器 -->
  <div id="app"></div>
  <!-- uni-app主app实例脚本的入口文件 -->
</body>

</html>
